<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.11.3.js"></script>
    <script>

        $(function(){
            var lis = $('li');
            console.log(lis);       //jQuery对象

            var lis2 = document.getElementsByTagName('li')  //HtmlCollectionObject
            console.log(lis2);

            console.log(lis[0]) //元素对象
            console.log(document.getElementById('a'));//元素对象

            //什么样的对象有什么的方法
            lis[0].innerHTML = '1000';
//            lis[0].html('aaa')//代码是错误的 html元素对象 没有html()方法
            lis.html('我是jQuery对象输入的内容')

            //jQuery对象转换成 html元素对象
            var $a = $('#a');
            $a.html('bbbb');
            $a[0].innerHTML = 'cccc';

            //html元素对象，是否可以转换成jQuery
            var aa = document.getElementById('a');
            $(aa).html('ddd');
        })

    </script>
</head>
<body>
<li id="a">aaa</li>
<li>aaa2</li>
<h1>bbb</h1>
<p>ccccc</p>

</body>
</html>